<template>
    <div class="add_permission">
        <div class="add_permission_left">
            <el-checkbox-group v-model="checkoutList">
                <template v-for="role in checkList" :key="role.value">
                    <el-checkbox :value="role.value" :label="role.label" />
                </template>
            </el-checkbox-group>

            <div>
                <input type="text" placeholder="请搜索需要配置的权限" />
                <ul>
                    <el-scrollbar height="300px">
                        <p>全部</p>
                        <li></li>
                    </el-scrollbar>
                </ul>
            </div>
        </div>
        <div add_permission_left></div>
    </div>
</template>

<script setup lang="ts">
let checkoutList = ref([] as any);

const props = defineProps({
    checkList: {
        required: true,
        default: () => [] as any,
    },
    permissionList: {
        required: true,
        default: () =>
            [
                {
                    name: "项目管理",
                    value: "项目管理",
                    checked: false,
                    children: [
                        {
                            name: "项目管理",
                            value: "项目管理",
                            checked: false,
                            children: [],
                        },
                    ],
                },
            ] as any,
    },
});
onBeforeMount(() => {});
</script>

<style lang="scss" scoped></style>
